import Base from '@/components/Base';
import { Button, Card, Slider, Row, Col, Typography, Divider } from 'antd';
import { KayButton } from '@/components/KayUI';
import webGlControl from './control';
import styles from './index.less';

const { Title, Paragraph, Text } = Typography;

interface State {}

export default class Index extends Base<any, State> {
  public state: State = {};

  public async didShow() {}

  public async didMount() {
    // console.log('history', this.navigator.history)
    webGlControl.init('WebGL-loading-3d');
  }

  public willUnmount() {
    webGlControl.destroy();
  }

  public render() {
    const {} = this.state;
    return (
      <div>
        {/* <Divider /> */}

        <div
          id="WebGL-loading-3d"
          style={{
            width: '600px',
            height: '600px',
            position: 'relative',
            // position: 'fixed', top: 0, left: 0, width: '100%', height: '100%'
          }}
        />
      </div>
    );
  }
}
